<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>elFinder 2.x source version with PHP connector</title>
	<!-- 
	<script type="text/javascript" src="https://getfirebug.com/firebug-lite.js"></script>
	-->
	<script src="jquery/jquery-1.7.2.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="jquery/jquery-ui-1.8.18.custom.min.js" type="text/javascript" charset="utf-8"></script>
	<link rel="stylesheet" href="jquery/ui-themes/smoothness/jquery-ui-1.8.18.custom.css" type="text/css" media="screen" title="no title" charset="utf-8">

	<link rel="stylesheet" href="css/common.css"      type="text/css" media="screen" charset="utf-8">
	<link rel="stylesheet" href="css/dialog.css"      type="text/css" media="screen" charset="utf-8">
	<link rel="stylesheet" href="css/toolbar.css"     type="text/css" media="screen" charset="utf-8">
	<link rel="stylesheet" href="css/navbar.css"      type="text/css" media="screen" charset="utf-8">
	<link rel="stylesheet" href="css/statusbar.css"   type="text/css" media="screen" charset="utf-8">
	<link rel="stylesheet" href="css/contextmenu.css" type="text/css" media="screen" charset="utf-8">
	<link rel="stylesheet" href="css/cwd.css"         type="text/css" media="screen" charset="utf-8">
	<link rel="stylesheet" href="css/quicklook.css"   type="text/css" media="screen" charset="utf-8">
	<link rel="stylesheet" href="css/commands.css"    type="text/css" media="screen" charset="utf-8">
	
	<link rel="stylesheet" href="css/theme.css"       type="text/css" media="screen" charset="utf-8">
	
	<!-- elfinder core -->
	<script src="js/elFinder.js"           type="text/javascript" charset="utf-8"></script>
	<script src="js/elFinder.version.js"   type="text/javascript" charset="utf-8"></script>
	<script src="js/jquery.elfinder.js"    type="text/javascript" charset="utf-8"></script>
	<script src="js/elFinder.resources.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/elFinder.options.js"   type="text/javascript" charset="utf-8"></script>
	<script src="js/elFinder.history.js"   type="text/javascript" charset="utf-8"></script>
	<script src="js/elFinder.command.js"   type="text/javascript" charset="utf-8"></script>
	
	<!-- elfinder ui -->
	<script src="js/ui/overlay.js"       type="text/javascript" charset="utf-8"></script>
	<script src="js/ui/workzone.js"      type="text/javascript" charset="utf-8"></script>
	<script src="js/ui/navbar.js"        type="text/javascript" charset="utf-8"></script>
	<script src="js/ui/dialog.js"        type="text/javascript" charset="utf-8"></script>
	<script src="js/ui/tree.js"          type="text/javascript" charset="utf-8"></script>
	<script src="js/ui/cwd.js"           type="text/javascript" charset="utf-8"></script>
	<script src="js/ui/toolbar.js"       type="text/javascript" charset="utf-8"></script>
	<script src="js/ui/button.js"        type="text/javascript" charset="utf-8"></script>
	<script src="js/ui/uploadButton.js"  type="text/javascript" charset="utf-8"></script>
	<script src="js/ui/viewbutton.js"    type="text/javascript" charset="utf-8"></script>
	<script src="js/ui/searchbutton.js"  type="text/javascript" charset="utf-8"></script>
	<script src="js/ui/sortbutton.js"    type="text/javascript" charset="utf-8"></script>
	<script src="js/ui/panel.js"         type="text/javascript" charset="utf-8"></script>
	<script src="js/ui/contextmenu.js"   type="text/javascript" charset="utf-8"></script>
	<script src="js/ui/path.js"          type="text/javascript" charset="utf-8"></script>
	<script src="js/ui/stat.js"          type="text/javascript" charset="utf-8"></script>
	<script src="js/ui/places.js"        type="text/javascript" charset="utf-8"></script>
	
	<!-- elfinder commands -->
	<script src="js/commands/back.js"      type="text/javascript" charset="utf-8"></script>
	<script src="js/commands/forward.js"   type="text/javascript" charset="utf-8"></script>
	<script src="js/commands/reload.js"    type="text/javascript" charset="utf-8"></script>
	<script src="js/commands/up.js"        type="text/javascript" charset="utf-8"></script>
	<script src="js/commands/home.js"      type="text/javascript" charset="utf-8"></script>
	<script src="js/commands/copy.js"      type="text/javascript" charset="utf-8"></script>
	<script src="js/commands/cut.js"       type="text/javascript" charset="utf-8"></script>
	<script src="js/commands/paste.js"     type="text/javascript" charset="utf-8"></script>
	<script src="js/commands/open.js"      type="text/javascript" charset="utf-8"></script>
	<script src="js/commands/rm.js"        type="text/javascript" charset="utf-8"></script>
	<script src="js/commands/info.js"      type="text/javascript" charset="utf-8"></script>
	<script src="js/commands/duplicate.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/commands/rename.js"    type="text/javascript" charset="utf-8"></script>
	<script src="js/commands/help.js"      type="text/javascript" charset="utf-8"></script>
	<script src="js/commands/getfile.js"   type="text/javascript" charset="utf-8"></script>
	<script src="js/commands/mkdir.js"     type="text/javascript" charset="utf-8"></script>
	<script src="js/commands/mkfile.js"    type="text/javascript" charset="utf-8"></script>
	<script src="js/commands/upload.js"    type="text/javascript" charset="utf-8"></script>
	<script src="js/commands/download.js"  type="text/javascript" charset="utf-8"></script>
	<script src="js/commands/edit.js"      type="text/javascript" charset="utf-8"></script>
	<script src="js/commands/quicklook.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/commands/quicklook.plugins.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/commands/extract.js"   type="text/javascript" charset="utf-8"></script>
	<script src="js/commands/archive.js"   type="text/javascript" charset="utf-8"></script>
	<script src="js/commands/search.js"    type="text/javascript" charset="utf-8"></script>
	<script src="js/commands/view.js"      type="text/javascript" charset="utf-8"></script>
	<script src="js/commands/resize.js"    type="text/javascript" charset="utf-8"></script>
	<script src="js/commands/sort.js"      type="text/javascript" charset="utf-8"></script>	

	<!-- elfinder languages -->
	<script src="js/i18n/elfinder.ar.js"    type="text/javascript" charset="utf-8"></script>
	<script src="js/i18n/elfinder.bg.js"    type="text/javascript" charset="utf-8"></script>
	<script src="js/i18n/elfinder.ca.js"    type="text/javascript" charset="utf-8"></script>
	<script src="js/i18n/elfinder.cs.js"    type="text/javascript" charset="utf-8"></script>
	<script src="js/i18n/elfinder.de.js"    type="text/javascript" charset="utf-8"></script>
	<script src="js/i18n/elfinder.en.js"    type="text/javascript" charset="utf-8"></script>
	<script src="js/i18n/elfinder.es.js"    type="text/javascript" charset="utf-8"></script>
	<script src="js/i18n/elfinder.fr.js"    type="text/javascript" charset="utf-8"></script>
	<script src="js/i18n/elfinder.hu.js"    type="text/javascript" charset="utf-8"></script>
	<script src="js/i18n/elfinder.jp.js"    type="text/javascript" charset="utf-8"></script>
	<script src="js/i18n/elfinder.nl.js"    type="text/javascript" charset="utf-8"></script>
	<script src="js/i18n/elfinder.pl.js"    type="text/javascript" charset="utf-8"></script>
	<script src="js/i18n/elfinder.pt_BR.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/i18n/elfinder.ru.js"    type="text/javascript" charset="utf-8"></script>
	<script src="js/i18n/elfinder.zh_CN.js" type="text/javascript" charset="utf-8"></script>

	<!-- elfinder dialog -->
	<script src="js/jquery.dialogelfinder.js"     type="text/javascript" charset="utf-8"></script>

	<!-- elfinder 1.x connector API support -->
	<script src="js/proxy/elFinderSupportVer1.js" type="text/javascript" charset="utf-8"></script>

    <!-- codemirror -->
    <!--<link   href="/static/plugin/codemirror_3_22/lib/codemirror.css" rel="stylesheet" >-->
    <!--<script type="text/javascript" src="/static/plugin/codemirror_3_22/lib/codemirror.js"></script>-->
    <!--<script type="text/javascript" src="/static/plugin/codemirror_3_22/addon/mode/loadmode.js"></script>-->
    <!--<script type="text/javascript" src="/static/plugin/codemirror_3_22/addon/search/searchcursor.js"></script>-->
    <!--<script type="text/javascript" src="/static/plugin/codemirror_3_22/addon/search/match-highlighter.js"></script>-->
    <!--<script type="text/javascript" src="/static/plugin/codemirror_3_22/addon/search/searchcursor.js"></script>-->
    <!--<script type="text/javascript" src="/static/plugin/codemirror_3_22/addon/search/search.js"></script>-->
    <!--<script type="text/javascript" src="/static/plugin/codemirror_3_22/addon/dialog/dialog.js"></script>-->
    <!--<script type="text/javascript" src="/static/plugin/codemirror_3_22/addon/edit/matchbrackets.js"></script>-->

	<style type="text/css">
		/*body { font-family:arial, verdana, sans-serif;}*/
	</style>

	<script type="text/javascript" charset="utf-8">
	// var myCodeMirror;
	$().ready(function() {
		// CodeMirror.modeURL = "/static/plugin/codemirror_3_22/mode/%N/%N.js";
		
		$(window.parent.document).find("#FileMnagerIFrame").load(function(){
			var main       = $(window.parent.document).find("#FileMnagerIFrame");
			var thisheight = $(document).height() + 30;
			main.height(thisheight);
		});

		$('#finder').elfinder({
			url  : 'php/connector.php',
			lang : 'zh_CN',
			height: 700,
			notifyDelay: 100,
			 commandsOptions : {
			 	edit : {
			 		mimes : [],
			 		editors : [
			 			{
			 				mimes : [],
			 				load : function(textarea) {
			 					$("#" + textarea.id).wrap('<div style="height:400px;"></div>');
								/*
			 		            myCodeMirror   = CodeMirror.fromTextArea(document.getElementById(textarea.id), {
			 		                theme:                   "default",
			 		                indentUnit:              4,
			 		                smartIndent:             true,
			 		                lineWrapping:            true,
			 		                lineNumbers:             true,
			 		                showCursorWhenSelecting: true,
			 		                autofocus:               true,
			 		                autoCloseTags:           true,
			 		                matchBrackets:           true
			 		            });

			 		            myCodeMirror.setOption("mode",        'htmlmixed');
			 		            CodeMirror.autoLoadMode(myCodeMirror, 'htmlmixed');
			 		            */
			 		            
			 				},
			 				close : function(textarea, instance) {

			 				},
			 				save : function(textarea, editor) {
			 					// textarea.value = myCodeMirror.getValue();
			 					textarea.value = textarea.value;
			 				}
			 			}
			 		]
			 	}
			 },
			 
			
			 uiOptions : {
			 	toolbar : [
			                ['home', 'up', 'back', 'forward'],
			                ['mkdir', 'mkfile', 'upload'],
			                ['open', 'download', 'getfile'],
			                ['copy', 'cut', 'paste'],
			                ['rm'],
			                ['duplicate', 'rename', 'edit'],
			                ['info', 'quicklook', 'view', 'sort'],
			                // ['resize'], ['help'],
			                ['reload'],
			                ['search'],
			                // ['archive', 'extract'],
			 	]
			 }
		});

		$('#dialog').click(function() {
			
			var fm = $('<div/>').dialogelfinder({
				url : 'php/connector.php',
				lang : 'zh_CN',
				width : 840,
				destroyOnClose : true,
				getFileCallback : function(files, fm) {
					console.log(files);
				},
				commandsOptions : {
					getfile : {
						oncomplete : 'close',
						folders : true
					}
				}
			}).dialogelfinder('instance')
			 console.log(fm)
		})
		
	});
	</script>
</head>
<body id="finder"></body>
</html>